import React from 'react'
import { Link } from 'react-router-dom';
import './commonAccountBg.scss'
const navLogo = require('assets/header/herderLogo@2x.png')
const base = require('assets/home/base@2x.png')
const adorn = require('assets/home/adorn@2x.png')
class CommonLoginBg extends React.Component {
    render() {
        return (
            <div className='commonLoginBg-box'>
                <Link className='logo' to="/">
                    <img src={navLogo} alt="logo" />
                    <div>
                        <p>天赋树</p>
                        <p>Skill Tree</p>
                    </div>
                </Link>
                <div className='banner-line'>
                </div>
                <a className='contact-us' href="mailto:shamefox@qq.com">
                    <div className='contact-us-txt'>
                        <p>反馈邮箱</p>
                        <p>shamefox@qq.com</p>
                    </div>
                    <div className='contact-us-base'>
                        <img src={adorn} alt="装饰" className='adorn' />
                        <img src={base} alt="底座" className='base' />
                    </div>
                </a>
                {
                    this.props.children
                }
            </div>
        );
    }
}
export default CommonLoginBg
